import './style.css'
// 导入路由系统中的导航函数和渲染函数
import { navigateTo, renderRoute } from './router/index.js'

// 初始化应用
function initApp() {
  const app = document.querySelector('#app');
  
  // 确保app元素存在
  if (!app) {
    console.error('无法找到#app元素');
    return;
  }
  
  // 清空默认内容并渲染当前路由
  app.innerHTML = '';
  renderRoute();
}

// 应用初始化
window.addEventListener('DOMContentLoaded', initApp);

// 全局导出navigateTo函数，以便在任何地方使用
window.navigateTo = navigateTo;

// 导出renderRoute以便其他地方使用
window.renderRoute = renderRoute;
